﻿<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{TITLE}</title>
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="icon" href="/favicon.ico" />
    <link href="/styles/boxsocial.css" rel="Stylesheet" media="screen, projection" type="text/css" />
    <!-- BEGIN style_sheet_list -->
    <link href="{style_sheet_list.URI}" rel="Stylesheet" media="screen, projection" type="text/css" />
    <!-- END style_sheet_list -->
    <!-- IF CANONICAL_URI -->
    <link rel="canonical" href="{CANONICAL_URI}" />
    <!-- ENDIF -->
    <!-- IF REDIRECT_URI -->
    <meta http-equiv="refresh" content="3;url={REDIRECT_URI}" />
    <!-- ENDIF -->
    <style type="text/css">
        <!--

        #head {
            background-color: #;

        {
            HEAD_COLOUR;
        }

        ; color: {
            HEAD_FORE_COLOUR;
        }

        ; background-image: url('/images/corners-middle-{HEAD_COLOUR}-1-1.png');
        }

        #head a {
            color:;

        {
            HEAD_FORE_COLOUR;
        }

        ;
        }

        -->
    </style>
    <!--[if lt IE 7]>
        <style type="text/css">
    #head {
        background-color: #{HEAD_COLOUR};
        color: {HEAD_FORE_COLOUR};
        background-image: url('/images/corners-middle-{HEAD_COLOUR}-1-1.gif');
    }

    #head h1 {
        float: left;
        margin: 0px;
        padding: 0px;
        background: url('/images/zinzam-wl.gif');
        background-repeat: no-repeat;
    }

    div#rc-top {
        background-image: url('/images/corners-top-{HEAD_COLOUR}-900-5.gif');
    }

    div#rc-bottom {
        background-image: url('/images/corners-bottom-{HEAD_COLOUR}-900-5.gif');
    }
        </style>
        <![endif]-->
    <!-- IF USER_STYLE_SHEET -->
    <link href="/styles/{USER_STYLE_SHEET}" rel="Stylesheet" media="screen, projection" type="text/css" />
    <!-- ENDIF -->
    <script type="text/javascript">
	<!--
        var sid = '{SID}';
        var itvid = '0{ITEM_VIEW_ID}';
	    var medium = 'tablet';
	-->
    </script>
    <script type="text/javascript" src="{U_STATIC}/scripts/ajax.common.js"></script>
    <script type="text/javascript" src="{U_STATIC}/scripts/ajax.mobile.js"></script>
    <!-- BEGIN javascript_list -->
    <script type="text/javascript" src="{javascript_list.URI}"></script>
    <!-- END javascript_list -->
</head>
<body>
    <div id="wrapper">
        <div id="page">
            <span class="head corners-top"><span></span><span></span></span>
            <div id="head">
                <h1 id="page-title"><a href="{U_HOME}"><span>{HEADING}</span></a></h1>
                <h2 id="sub-title">A Global Community</h2>
                <div id="head-nav">
                    <!-- IF LOGGED_IN -->
                    {L_GREETING} <a href="{U_USER_PROFILE}">{USERNAME}</a> |
                    <a href="{U_ACCOUNT}">{L_MY_ACCOUNT}</a> |
                    <a href="{U_SIGNOUT}">Sign out</a> |
                    <!-- ELSE -->
                    <a href="{U_REGISTER}">Register</a> |
                    <a href="{U_SIGNIN}">Sign in</a> |
                    <!-- ENDIF -->
                    <a href="{U_HELP}">Help</a>
                </div>
                <div id="search">
                    <form action="{S_SEARCH}" method="get">
                        <fieldset>
                            <input type="text" id="search-text" name="q" value="" maxlength="127" />
                            <input type="submit" value="Search" />
                        </fieldset>
                    </form>
                </div>
            </div>
            <span class="head corners-bottom"><span></span><span></span></span>
            <!-- BEGIN head_hook -->
            {head_hook.BODY}
            <!-- END head_hook -->
            <div id="body">
